{% extends "_layouts/examples.html" %}
{% block title %}Tabs / Navigation{% endblock %}

{% block standalone_css %}patterns_tabs{% endblock %}

{% block content %}
<nav class="p-tabs" aria-label="Tabs example">
  <ul class="p-tabs__list">
    <li class="p-tabs__item">
      <a href="/docs" class="p-tabs__link" aria-selected="true">Docs</a>
    </li>
    <li class="p-tabs__item">
      <a href="/docs/examples" class="p-tabs__link">Examples</a>
    </li>
    <li class="p-tabs__item">
      <a href="/accessibility" class="p-tabs__link">Accessibility</a>
    </li>
    <li class="p-tabs__item">
      <a href="/browser-support" class="p-tabs__link">Browser support</a>
    </li>
    <li class="p-tabs__item">
      <a href="/contribute" class="p-tabs__link">Contribute</a>
    </li>
  </ul>
</nav>
{% endblock %}
